<template>
  <div>
    <div class="banner"></div>
    <div class="job">
      <ul class="list-nav">
        <li>人才招聘</li>
      </ul>
      <div class="list-content">
        <div class="title">
          <p>人才招聘</p>
          <Breadcrumb>
            <BreadcrumbItem to="/">首页</BreadcrumbItem>
            <BreadcrumbItem to="/job">人才招聘</BreadcrumbItem>
          </Breadcrumb>
          <div class="divider"></div>
        </div>
        <div class="content">
          <!-- 表单 -->
          <div class="search">
            <Input
              search
              enter-button="职位搜索"
              placeholder="请在此输入关键字"
              class="ipt"
            />
            <div>
              <span style="color: #333">热门搜索:</span>
              <span>技术员</span>
              <span>研发(助理)</span>
            </div>
          </div>
          <ul class="form-title">
            <li style="margin-left: 20px">职位名称</li>
            <li>招聘人数</li>
            <li style="margin-right: 80px">工作地点</li>
          </ul>
          <el-collapse accordion>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>研发工程师</li>
                  <li>20</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>岗位职责:</h3>
                <p>
                  1．通过资料查询，设计自主新材料结构，拟定合成路线，按要求实施粗产品的合成与纯化，以及后期优化调整，成果向生产部门转移，参与指导放大生产；<br />
                  2. 配合市场部门做好新产品向下游的推广以及后期技术服务工作；<br />
                  3.
                  负责将设计的自主新材料结构，转化成专利技术材料，配合知识产权部门进行后期的专利撰写、申请、维护等相关；<br />
                  4. 负责相关文献、专利材料的搜集、整理、分类、分析；<br />
                  5.
                  严格执行实验室5S操作标准，维护和改进实验室现场，保证安全生产；<br />
                  6. 收集和整理相关数据，制作已研产品的技术资料归档；<br />
                  7. 完成领导临时安排的其它各项工作事宜。
                </p>

                <h3>任职资格:</h3>
                <p>
                  1.
                  有机化学、药物化学、材料化学、高分子化学等化学类相关专业，具有有机合成经验的优先；
                  具有一定的材料相关知识（尤其是电致发光及其相关知识）的优先，大学本科及以上学历；<br />
                  2.
                  具备有机合成基础，能够熟练完成有机化合物的合成、纯化等相关实验操作；<br />
                  3. 能够分析各种检测图谱，并对实验结果做出清晰、全面的分析；<br />
                  4.
                  能够独立查询阅读英文文献，对专利文献的结构、撰写、申请等有一定的了解；<br />
                  5.
                  具有良好的沟通能力，创新精神和团队合作精神；为人正直踏实，工作认真仔细，动手能力强，积极乐观。
                </p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>器件验证工程师</li>
                  <li>5</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>职位描述:</h3>
                <p>
                  专业领域OLED蒸镀<br />
                  年龄不限 <br />学历/职称本科及以上<br />
                  岗位职责：负责OLED蒸镀工序工艺
                </p>

                <h3>任职资格:</h3>
                <p>化学、物理、光电相关专业</p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>有机合成工程师</li>
                  <li>40</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>岗位描述:</h3>
                <p>
                  1、依照组长分配的任务，组织生产；
                  <br />2、按照工艺规程操作；<br />
                  3、按照安全生产规范执行操作；
                </p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>翻译</li>
                  <li>5</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>需求专业:</h3>
                <p>韩语、日语专业</p>

                <h3>岗位职责:</h3>
                <p>
                  1、韩语、日语翻译（笔译、口译）<br />
                  2、韩/日语沟通无障碍；
                </p>
                <h3>岗位要求</h3>
                <p>1、本科以上学历，男女不限；<br />2、韩语、日语专业</p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>质量检测QC</li>
                  <li>20</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>岗位职责:</h3>
                <p>
                  1、负责原料、中间体以及产成品的检测<br />
                  2、对检验数据进行分析处理。
                </p>

                <h3>岗位要求:</h3>
                <p>
                  1、熟悉纯度检测设备（HPLC/GC）；<br />
                  2、熟悉热分析设备(TGA/DSC)；<br />
                  3、熟悉光谱设备（UV/PL）操作等。
                </p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
            <el-collapse-item>
              <template slot="title">
                <ul>
                  <li>质量检测</li>
                  <li>20</li>
                  <li>长春</li>
                </ul>
              </template>
              <div>
                <h3>岗位职责:</h3>
                <p>
                  1.负责原料及产品的常规检验工作<br />
                  2.负责工作现场的环境管理、检验工具及仪器的维护和保管<br />
                  3.严格按照操作规范进行质量检测工作
                </p>

                <h3>任职要求:</h3>
                <p>
                  1.化学、药学分析及相关专业，本科及以上学历<br />
                  2.严谨，有责任心，工作积极，善于学习和沟通<br />
                  3.熟悉化验操作程序，熟悉各种化验试剂、检测方法
                  及分析仪器（如HPLC等）
                </p>
                <Button type="primary" style="margin: 10px 20px 0 0"
                  >点击应聘</Button
                >
              </div>
            </el-collapse-item>
          </el-collapse>
        </div>
      </div>
    </div>
  </div>
</template>
  
  <script>
export default {
};
</script>
  
  <style lang="scss" scoped>
.banner {
  width: var(--width);
  height: 30vh;
  background-image: url("http://www.jl-oled.com/Uploads/Picture/2019-03-27/5c9aef2f02fff.jpg");
  background-position: center 0px;
  background-size: cover;
}

.job {
  margin: 20px auto;
  width: var(--wrap);
  display: flex;
  justify-content: space-between;
  .list-nav {
    li {
      position: relative;
      margin-bottom: 5px;
      padding-left: 10px;
      width: 250px;
      height: 50px;
      line-height: 50px;
      color: #eee;
      background-image: url("http://www.jl-oled.com/Public/Home/images/012.jpg");
      font-size: 16px;
      user-select: none;
      .icon {
        position: absolute;
        right: 20px;
        top: 16px;
      }
    }
  }
  .list-content {
    width: calc(var(--wrap) - 20px - 250px);
    .title {
      position: relative;
      padding-left: 20px;
      width: 100%;
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #bebdbd;
      display: flex;
      justify-content: space-between;
      p {
        color: #333;
        font-size: 16px;
      }
      .divider {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100px;
        height: 2px;
        background-color: var(--color-zdyblue);
      }
    }
    .content {
      padding: 30px 20px;
      .search {
        width: 450px;
        margin: 0 auto;
        margin-bottom: 50px;
        div {
          margin-top: 10px;
          span {
            margin: 10px;
            color: #ccc;
          }
        }
      }
      .form-title {
        padding: 10px;
        color: var(--color-zdyblue);
        display: flex;
        justify-content: space-between;
        width: 100%;
        border: 1px solid #ccc;
        border-bottom: none;
      }
      .el-collapse {
        padding: 10px;
        border: 1px solid #ccc;
        .el-collapse-item {
          ul {
            color: #666;
            width: 100%;
            display: flex;
            li:first-child {
              width: 100px;
              margin-left: 20px;
            }
            li:nth-child(2) {
              width: 20px;
              text-align: center;
              margin: 0 300px;
            }
            li:last-child {
              margin-left: 60px;
            }
          }
          div {
            padding: 20px 20px 0;
            font-family: 宋体, SimSun;
            font-size: 16px;
          }
        }
      }
    }
  }
}
</style>
  
  